define(function(require, exports, module){
	
	require("../nuui-environment");
	
	var footerTemp = require("text!./nuui-footer.html");

	/**
	 * @class Footer
	 * @memberof Nuui
	 * @classdesc 继承自Backbone.Marionette.ItemView,应用尾部的实现
	 * 		App.footer即为此类
	 */
	module.exports = Marionette.ItemView.extend({
		tagName:"footer",
		// 如果是native,尾部没有东西
		template:Nuui.os == "web" ? footerTemp : "<div></div>",

		/**
		 * @desc 重新设置自己的内容
		 * @memberof Nuui.Footer
		 * @func reset
		 * @instance
		 * @param {int} index - 0 - 隐藏<br/>
		 * 						1 - 高亮第一个<br/>
		 * 						2 - 高亮第二个<br/>
		 * 						3 - 高亮第三个<br/>
		 * 						4 - 高亮第四个
		 */
		reset:function(index){
			// 假定web版和native版头尾都是浮动在上层的
			if(Nuui.os == "web"){
				// 网页版自行处理高亮,根据footer是否显示增加总体样式
				if(index != 0){
					this.$el.show();
					this.$el.find("a").eq(index - 1).addClass("active").siblings().removeClass("active")
					$(App.container.el).addClass("footer-on");
				}else{
					this.$el.hide();
					$(App.container.el).removeClass("footer-on");
				}
			}else{
				// 隐藏或展示时依然需要处理头部
				Nuui.client.resetFooter("" + index);
				if(index != 0){
					$(App.container.el).addClass("footer-on");
				}else{
					$(App.container.el).removeClass("footer-on");
				}
			}
		},
		
		onRender:function(){
			var view = this;


			this.on("tag:click", this.onTagClick);
			
			// 网页版自行绑定事件
			if(Nuui.os == "web"){
				Nuui.utils.bindActive(view.$("li"));
				
				view.$("#footer_1").bind("tap", function(){
					view.trigger("tag:click", 1);
					return false;
				});
				view.$("#footer_2").bind("tap", function(){
					view.trigger("tag:click", 2);
					return false;
				});
				view.$("#footer_3").bind("tap", function(){
					view.trigger("tag:click", 3);
					return false;
				});
				view.$("#footer_4").bind("tap", function(){
					view.trigger("tag:click", 4);
					return false;
				});
                view.$("#footer_5").bind("tap", function(){
                    view.trigger("tag:click", 5);
                    return false;
                });
			}
		},
		
		onTagClick:function(tagIndex){
			// 这部分可以自行定制,点击之后如何跳转
			if(tagIndex == 1){
				App.navigate("example/index/index", true);
			}else if(tagIndex == 2){
				App.navigate("example/index/cloudlecture", true);
			}else if(tagIndex == 3){
				App.navigate("example/index/servicehall",true);
			}else if(tagIndex == 4){
				App.navigate("example/index/smartgroup", true);
			}else if(tagIndex == 5){
                App.navigate("example/index/personalcenter", true);
            }
		}
	});
});
